<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>

    <%@ include file="/include/head.jsp"%>
    <title></title>
    <style type="text/css">
        .historyLabel span {
            background-color: #fff;
            padding: 4px 8px;
            border-radius: 4px;
            min-width: 20%;
            display: inline-block;
            max-width: 30%;
            text-align: center;
            color: #555;
            font-size: 14px;
            border: 1px solid #ddd;
        }
    </style>


    <script>
        mui.init();
        $(function(){

        })
    </script>
</head>

<body>

    <!-- 主页面容器 -->
        <!-- 主页面标题 -->
    <header class="mui-bar mui-bar-nav qy-bg-white">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left qy-text-black"></a>
        <h1 class="mui-title qy-headerInputBox">
            <input type="text" id="" value="" class="qy-headerInput" placeholder="请输入城市名称" />
        </h1>
    </header>
        <div class="mui-content">
            <div class="cityCur qy-padding-8px qy-font-size-14px">
                <span>当前:普洱市</span>
            </div>
            <div class="qy-padding-8px qy-text-label qy-font-size-14px">
                <span>定位/最近访问</span>
            </div>
            <div class="qy-padding-vertical-8px historyLabel">
                <span class="nowrap">
                    昆明市
                </span>
            </div>
           <div class="characterBox qy-font-size-14px">
                <div class="characterTitle qy-padding-8px qy-bg-default">
                    A
                </div>
               <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    阿里巴巴
               </div>
               <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                   阿里巴巴
               </div>
               <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                   阿里巴巴
               </div>
               <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                   阿里巴巴
               </div>
           </div>
            <div class="characterBox qy-font-size-14px">
                <div class="characterTitle qy-padding-8px qy-bg-default">
                    B
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    北京
                </div>

            </div>
            <div class="characterBox qy-font-size-14px">
                <div class="characterTitle qy-padding-8px qy-bg-default">
                    A
                </div>
                <div class="cityList qy-padding-8px qy-bg-white qy-border-bottom">
                    阿里巴巴
                </div>
            </div>
        </div>


</body>

</html>